@theme: 'dark'; //set to "default" for light theme

@import 'rsuite/styles/index.less';

@ns: bttv-rs-;
@primary-color-dark: #9146ff;
@primary-color: #9146ff;

.@{ns}icon.fill-colour use {
  fill: currentColor;
}

.@{ns}panel-heading {
  padding-bottom: 0px;
}

.@{ns}modal-dialog,
.@{ns}modal-content,
.@{ns}modal {
  a:not(:active):not(:hover) {
    text-decoration: none;
  }

  * {
    box-sizing: border-box;
  }

  *::before,
  *::after {
    box-sizing: border-box;
  }
}

.@{ns}checkbox label {
  line-height: 1.5;
}

.@{ns}auto-complete-item {
  width: unset;
}

.@{ns}modal {
  margin: 0;
}

.@{ns}modal-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.@{ns}table-cell-content {
  padding: 0px;
}

.@{ns}divider-horizontal.@{ns}divider-with-text {
  margin: 20px;
}

.@{ns}radio-checker,
.@{ns}checkbox-checker {
  vertical-align: middle;
  padding-top: 0px;
  padding-bottom: 15px;
}

.@{ns}modal-wrapper {
  z-index: 3100;
}

.@{ns}modal-backdrop {
  z-index: 3100;
}

.@{ns}popover {
  z-index: 3100;
}

.@{ns}tooltip {
  z-index: 3150;
}

@media screen and (max-width: 769px) {
  .@{ns}modal {
    width: 95%;
  }

  .@{ns}modal-content,
  .@{ns}modal-dialog {
    width: 100%;
  }
}

.@{ns}nav-item-content {
  svg {
    width: 100% !important;
  }
}

.@{ns}popover {
  -webkit-transform: unset !important;
  transform: unset !important;
}
